html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; padding:0; margin:0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	min-width: 650px;
}



html, body {height:100%;}
body {
	color: #333;
	font: 13px/22px "Arial", Helvetica, sans-serif;
	background:#eee;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


input[type="text"],
input[type="password"],
textarea {box-shadow:2px 2px 2px rgba(0,0,0,.2)inset; border:1px solid #ccc; padding:5px;}
textarea {resize: none; overflow:auto; }

/* -------------------------------------------------- */



#container {max-width: 1240px; min-height:500px; margin: 0 auto 20px; padding: 20px; background:#fff; border:1px solid #ccc; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.5)}

/* header */
header {max-width: 1240px; margin: 0 auto; padding:20px;}
#logo {width:149px; height:48px; margin:10px; background:url(../img/logo.png) no-repeat 0 0;}

/* nav */
nav ul {width:100%; margin-bottom:20px; overflow:hidden;}
nav ul li {float:left; margin-right:5px;}
nav ul li a {display:block; float:left; padding:5px 10px; border:1px solid #333; border-radius:5px; color:#333; text-decoration:none;}
nav ul li a:hover {background:#333; color:#fff;}
nav ul li a.current {background:#666; color:#fff;}

/* content */
#main {clear:both;}
#main h2 {display:block; font-size:28px; color:#999; margin-bottom:15px;}
#main h3 {display:block; font-size:20px; color:#369; margin-bottom:15px;}
#main table th,
#main table td {padding:5px;}

#filter {border:1px solid #ccc; border-radius:3px; display:inline-block; overflow:hidden; padding:5px; margin-bottom:20px;}
#filter input[type="text"] {margin-right:5px;padding:5px; border:1px solid #ccc; border-radius:3px; box-shadow:2px 2px 2px rgba(0,0,0,.1)inset; background:transparent; font-size:14px; }
#filter input[type="submit"] {background:#fff; font-size:14px; padding:4px 10px; border:1px solid #ccc; border-radius:3px; cursor:pointer; }
#filter select {border-radius:3px; padding:4px; border:1px solid #ccc;}

#addBtn {margin-bottom:15px;}

.field label {display:inline-block; float:left; width:100px;}
.field input[type="text"],
.field select,
.field textarea {width:350px;}

.field textarea {height:100px;}
.field select {padding:2px;}
















